/** 函数组件的创建和渲染
 *  1.函数组件
 *  2.类组件
 *  注意事项：
 *      1.类名称必须以大写字母开头
 *      2.类组件应该继承React.Component父类，从而使用父类中提供的方法或属性
 *      3.类组件必须提供render方法 render方法必须有返回值，表示该组件的UI结构
 */


import React from "react"
function HelloFn () {
  return <div>这是我的第一个函数组件!</div>
}
class HelloCompontent extends React.Component {
  render () {
    return <div>this is class compontent</div>
  }
}
function App () {
  return (
    <div className="App">
      <HelloFn />
      <HelloCompontent></HelloCompontent>
    </div>
  )
}

export default App
